<div>
  <div>
    <div class="" style="height:8rem;background: url('/assets/img/background.jpg') 0 -3.5rem no-repeat;background-size: cover;"></div>
    <div class="flex">
      <div>
        <div class="avatar ms-2 relative" style="height: 8rem;top: -.5rem;">
          <img class="rounded-full" src="/assets/img/logo.png" alt="">
        </div>
        <div class="text-center ms-2" style="width: 8rem;">
          <span class="text-4xl">MCWXT</span>
        </div>
      </div>
      <div class="p-2">
        <div class="my-4">
          <div class="stats mb-2">
            <div class="stat px-3 py-2">
              <span class="stat-value text-xl">4527</span>
              <span class="stat-title text-xs mx-auto">粉丝</span>
            </div>
            <div class="stat px-3 py-2">
              <span class="stat-value text-xl">88</span>
              <span class="stat-title text-xs mx-auto">关注</span>
            </div>
            <div class="stat px-3 py-2">
              <span class="stat-value text-xl">3.6万</span>
              <span class="stat-title text-xs mx-auto">获赞</span>
            </div>
          </div>
          <div class="text-center">
            <a class="btn btn-neutral btn-sm w-48" href="https://m.bilibili.com/space/3493283118451294"><span class="text-light">关注</span></a>
          </div>
        </div>
      </div>
    </div>
    <div>
      <div class="p-2 text-sm">
        <span>努力成为一个大UP主ing。感谢您来我的博客站，本人也参与开发：DMX梦幻服，<a href="//remcbbs.top/">REmcbbs论坛</a>……也欢迎大家来我其他开发的站点</span>
      </div>
    </div>
  </div>
  <div>
    <ul class="border-y border-base-300 py-1">
      <li class="inline mx-3"><router-link class="link" to="/videos">视频</router-link></li>
      <li class="inline mx-3"><router-link class="link" to="/discussions">讨论</router-link></li>
    </ul>
  </div>
  <div>
    <div>
      <div class="m-2">
        <icon class="text-3xl me-1" icon="mingcute:link-2-line"></icon>
        <h2 class="inline">友链</h2>
      </div>
      <div class="flex justify-md-start justify-center flex-wrap">
        <link-card class="mx-2 my-1 border border-base-200" v-for="item in issuesFriendLink" :href="item.url" :title="item.title" :icon="item.icon" :content="item.brief"></link-card>
      </div>
    </div>
  </div>
</div>